home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 July & August / PCWorld_2006-07-08_cd.bin / v cisle / acehtml / acehtmlfreeware.exe / scriptdef / Bouncing Image.sd < prev    next >
INI File  |  2004-06-28  |  4KB  |  122 lines
  1. [SUBJECT]
  2. Description=Click anywhere on the page and an image will drop from the cursor and rebound several times based on gravity
  3. ImageIndex=-1
  4. Folder=Graphical Effects
  5.  
  6.  
  7. [HEAD_TEXT]
  8. ;<script language="JavaScript1.2">
  9. ;// Original:  Dragos Saracu (smardoi@yahoo.com)
  10. ;// Cross Browser by:  Bob Simpson (webmaster@maryjanebrown.net)
  11. ;// Contributor URL:  http://www.maryjanebrown.net/webmaster
  12. ;
  13. ;// This script and many more are available free online at
  14. ;// The JavaScript Source!! http://javascript.internet.com
  15. ;
  16. ;function BrowserCheck() {
  17. ;var b = navigator.appName;
  18. ;if (b == "Netscape") this.b = "NS";
  19. ;else if (b == "Microsoft Internet Explorer") this.b = "IE";
  20. ;else this.b = b;
  21. ;this.v = parseInt(navigator.appVersion);
  22. ;this.NS = (this.b == "NS" && this.v>=4);
  23. ;this.NS4 = (this.b == "NS" && this.v == 4);
  24. ;this.NS5 = (this.b == "NS" && this.v == 5);
  25. ;this.IE = (this.b == "IE" && this.v>=4);
  26. ;this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0);
  27. ;this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0);
  28. ;if (this.IE5 || this.NS5) this.VER5 = true;
  29. ;if (this.IE4 || this.NS4) this.VER4 = true;
  30. ;this.OLD = (! this.VER5 && ! this.VER4) ? true : false;
  31. ;this.min = (this.NS||this.IE);
  32. ;}
  33. ;is = new BrowserCheck();
  34. ;</script>
  35.  
  36.  
  37. [BODY_TEXT]
  38. ;<div align="center">
  39. ;Click anywhere to start script<br>
  40. ;</div>
  41. ;<div align="center" id="staticBall" style="position:relative;visibility:visible">
  42. ;<img src="`static_image`" height="30" width="30" alt="Static ball">
  43. ;</div>
  44.  
  45. ;
  46. ;<div id="ball" style="visibility:hidden; position:absolute; left:100; top:10; height:34; width:34">
  47. ;<img src="`bouncing_image`" height="30" width="30" alt="Bouncing ball">
  48. ;</div>
  49. ;
  50. ;<script language="Javascript1.2">
  51. ;<!-- Begin
  52. ;iter = 0;
  53. ;setId = 0;
  54. ;down = true;
  55. ;up = false;
  56. ;bouncingBall = (is.VER5) ? document.getElementById("ball").style
  57. ;: (is.NS) ? document.layers["ball"]
  58. ;: document.all["ball"].style;
  59. ;stillBall = (is.VER5) ? document.getElementById("staticBall").style
  60. ;: (is.NS) ? document.layers["staticBall"] : document.all["staticBall"].style;
  61. ;winH = (is.NS) ? window.innerHeight - 55 : document.body.offsetHeight - 55;
  62. ;document.onmouseup = buttonUp;
  63. ;if (is.NS4)
  64. ;document.captureEvents(Event.MOUSEUP);
  65. ;function buttonUp(e) {
  66. ;if ( ((is.NS) ? e.which : event.button) != 1) return true;
  67. ;if (setId != 0) clearInterval(setId);
  68. ;bouncingBall.visibility="visible";
  69. ;stillBall.visibility="hidden";
  70. ;bouncingBall.left = (is.NS) ? e.pageX - 15 : event.offsetX - 15;
  71. ;bouncingBall.top = (is.NS) ? e.pageY - 15 : event.offsetY - 15;
  72. ;iter = 0;
  73. ;setId = setInterval("generateGravity()", `timeout`);
  74. ;return true;
  75. ;}
  76. ;function generateGravity() {
  77. ;if ((parseInt(bouncingBall.top)+iter < winH) && down) {
  78. ;bouncingBall.top = parseInt(bouncingBall.top) + iter;
  79. ;iter++;
  80. ;return;
  81. ;}
  82. ;else {
  83. ;if ((parseInt(bouncingBall.top)< winH) && down) {
  84. ;bouncingBall.top = winH + 5;
  85. ;return;
  86. ;}
  87. ;down = false;
  88. ;up = true;
  89. ;if (iter < 0 && parseInt(bouncingBall.top) > winH) {
  90. ;clearInterval(setId);
  91. ;bouncingBall.visibility = "hidden";
  92. ;stillBall.visibility="visible";
  93. ;setId = 0;
  94. ;}
  95. ;if (parseInt(bouncingBall.top) > 0 && up && iter >= 0) {
  96. ;bouncingBall.top = parseInt(bouncingBall.top) - iter;
  97. ;iter--;
  98. ;if (iter%3 == 0) iter--;
  99. ;return;
  100. ;}
  101. ;down = true;
  102. ;up = false;
  103. ;   }
  104. ;}
  105. ;// End -->
  106. ;</script>
  107.  
  108.  
  109. [`static_image`]
  110. Kind=U
  111. Value=image1.gif
  112.  
  113.  
  114. [`bouncing_image`]
  115. Kind=U
  116. Value=image1.gif
  117.  
  118.  
  119. [`timeout`]
  120. Kind=N
  121. Value=20
  122.